<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a4j="http://richfaces.org/a4j" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich">

	<ui:define name="body">
		<rich:spacer height="10px;"></rich:spacer>
		<h:panelGrid columns="5">

			<h:outputText value="Nombre" styleClass="th80"></h:outputText>
			<h:outputText value="#{edicionMuestra.humedal.nombre}"></h:outputText>

			<rich:spacer width="50px;"></rich:spacer>

			<h:outputText value="Código referencia" styleClass="th120"></h:outputText>
			<h:outputText value="#{edicionMuestra.humedal.codRef}"></h:outputText>

			<h:outputText value="Fecha:" styleClass="th80"></h:outputText>

			<rich:calendar id="fechaAlta" value="#{edicionMuestra.fecha}"
				styleClass="td80" datePattern="dd/MM/yyyy" disabled="true">
			</rich:calendar>

		</h:panelGrid>

		<rich:tabPanel switchType="client">
			<rich:tab label="Catas">

				<f:facet name="header">Toma de muestras</f:facet>

				<h:panelGrid columns="8">


					<h:outputText value="Cata:" styleClass="th80"></h:outputText>
					<h:selectOneMenu value="#{edicionMuestra.cata}" styleClass="td100"
						id="catas">
						<s:selectItems var="tipo" value="#{edicionMuestra.listaCatas}"
							label="#{tipo.codigo}" noSelectionLabel=""></s:selectItems>
						<s:convertEntity />
						<a4j:support event="onchange"
							action="#{edicionMuestra.buscaMuestras}"
							reRender="tablaMuestrasCata,edicion,mensaje,mensajes,catas"></a4j:support>
					</h:selectOneMenu>

				</h:panelGrid>
				<rich:spacer height="20px;"></rich:spacer>
				<h:panelGrid columns="3" id="tablaMuestrasCata">
					<h:panelGrid columns="1" style="text-align:center"
						rendered="#{listaMuestraCata!=null and listaMuestraCata.rowCount>0}">
						<rich:dataTable value="#{listaMuestraCata}" var="cat"
							onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#C1E6EE';"
							onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
							rowClasses="fila_impar,fila_par" cellpadding="0" cellspacing="0"
							width="300px" rows="10">
							<f:facet name="header">
								<rich:columnGroup style="font-weight: bold;">
									<rich:column style="text-align:left;">
										<h:outputText value="Valor" />
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="Rango" />
									</rich:column>
									<rich:column style="text-align:left;width:30px;">
										<h:outputText value="Editar" />
									</rich:column>
									<rich:column style="text-align:left;width:30px;">
										<h:outputText value="Eliminar" />
									</rich:column>
								</rich:columnGroup>
							</f:facet>
							<rich:columnGroup style="font-weight: bold;">
								<rich:column style="text-align:left;">
									<h:outputText value="#{cat.valoresCataDic.nombre}" />
								</rich:column>
								<rich:column style="text-align:left;width:">
									<h:outputText value="#{cat.desdeProf} - #{cat.hastaProf}"
										title="Rango de la cata"
										rendered="#{edicionMuestra.valorRangoTabla(cat.valoresCataDic.nombre)}"></h:outputText>
									<h:outputText value="#{cat.desdeProf}" title="Valor de la cata"
										rendered="#{edicionMuestra.valorUnicoTabla(cat.valoresCataDic.nombre)}"></h:outputText>
									<h:outputText value="" title="Valor no muestreado"
										rendered="#{cat.valoresCataDic.nombre.equals('NM')}"></h:outputText>
								</rich:column>
								<rich:column style="text-align:left;">
									<a4j:commandButton action="#{edicionMuestra.edita}" value=""
										styleClass="boton editar" style="width:30px;"
										title="Edita la muestra seleccionada"
										reRender="edicion,tablaMuestrasCata"></a4j:commandButton>
								</rich:column>
								<rich:column style="text-align:left;width:30px;">
									<a4j:commandButton action="#{edicionMuestra.elimina}" value=""
										styleClass="boton eliminar" style="width:30px;"
										title="Elimina la muestra seleccionada"
										reRender="edicion,tablaMuestrasCata"></a4j:commandButton>
								</rich:column>
							</rich:columnGroup>
						</rich:dataTable>
					</h:panelGrid>
				</h:panelGrid>
				<h:panelGrid columns="1" id="edicion">
					<a4j:region selfRendered="true">
						<h:panelGrid columns="10" rendered="#{edicionMuestra.cata!=null}">
							<h:outputText value="Valor" styleClass="th80"></h:outputText>
							<h:selectOneMenu id="valor"
								value="#{edicionMuestra.muestraCataSel.valoresCataDic}"
								styleClass="td100">
								<s:selectItems var="tipo"
									value="#{edicionMuestra.listaValoresCata}"
									label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
								<s:convertEntity />
								<a4j:support event="onchange" reRender="edicion"></a4j:support>
							</h:selectOneMenu>

							<h:outputText value="De" styleClass="th80"
								rendered="#{edicionMuestra.valorRango()}"></h:outputText>

							<a4j:region>
								<h:inputText value="#{edicionMuestra.muestraCataSel.desdeProf}"
									rendered="#{edicionMuestra.valorRango()}">
									<a4j:support event="onblur" reRender="mensajes,mensaje"></a4j:support>
								</h:inputText>
							</a4j:region>
							<h:outputText value="a" styleClass="th80"
								rendered="#{edicionMuestra.valorRango()}"></h:outputText>
							<a4j:region>
								<h:inputText value="#{edicionMuestra.muestraCataSel.hastaProf}"
									rendered="#{edicionMuestra.valorRango()}">
									<a4j:support event="onblur" reRender="mensajes,mensaje"></a4j:support>
								</h:inputText>
							</a4j:region>
							<h:outputText value="Medida" styleClass="th80"
								rendered="#{edicionMuestra.valorUnico()}"></h:outputText>
							<a4j:region>
								<h:inputText value="#{edicionMuestra.muestraCataSel.desdeProf}"
									rendered="#{edicionMuestra.valorUnico()}">
									<a4j:support event="onblur" reRender="mensajes,mensaje"></a4j:support>
								</h:inputText>
							</a4j:region>
							<a4j:commandButton action="#{edicionMuestra.annade}"
								rendered="#{edicionMuestra.muestraCataSel.valoresCataDic!=null}"
								reRender="tablaMuestrasCata,edicion,mensajes,mensaje" value=""
								styleClass="boton annadir" style="margin-top:10px;">
							</a4j:commandButton>
						</h:panelGrid>
					</a4j:region>
				</h:panelGrid>
			</rich:tab>

			<rich:tab label="Piezómetros Cortos">
				<h:panelGrid columns="1" id="listaPiezCorto">
					<a4j:repeat var="piez" value="#{listaPiezometroCorto}">
						<h:panelGrid columns="6">
							<h:outputText styleClass="th80" value="#{piez.codigo}"></h:outputText>
							<rich:dataTable id="lista" value="#{piez.listaMuestras}"
								var="cat"
								onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#C1E6EE';"
								onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
								rowClasses="fila_impar,fila_par" cellpadding="0" cellspacing="0"
								width="300px" rows="10">
								<f:facet name="header">
									<rich:columnGroup style="font-weight: bold;">
										<rich:column style="text-align:left;">
											<h:outputText value="Valor" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Medida" />
										</rich:column>
										<rich:column style="text-align:left;width:30px;">
											<h:outputText value="Editar" />
										</rich:column>
										<rich:column style="text-align:left;width:30px;">
											<h:outputText value="Eliminar" />
										</rich:column>
									</rich:columnGroup>
								</f:facet>
								<rich:columnGroup style="font-weight: bold;">
									<rich:column style="text-align:left;">
										<h:outputText value="Valor"
											rendered="#{cat.noMedido == false and cat.seco ==false}" />
										<h:outputText value="No medido"
											rendered="#{cat.noMedido == true and cat.seco ==false}" />
										<h:outputText value="Seco"
											rendered="#{cat.noMedido == false and cat.seco ==true}" />
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="#{cat.valor}" />
									</rich:column>
									<rich:column style="text-align:left;width:30px;">
										<a4j:commandButton value="Editar"
											action="#{edicionMuestra.seleccionar(piez,cat)}"
											reRender="mensajes,mensaje,valor,valores" />
									</rich:column>
									<rich:column style="text-align:left;width:30px;">
										<a4j:commandButton value="Eliminar"
											action="#{edicionMuestra.eliminar(piez,cat)}"
											reRender="mensajes,mensaje,valor,valores,lista" />
									</rich:column>
								</rich:columnGroup>
							</rich:dataTable>
							<a4j:region>
								<h:panelGrid columns="4" id="valor">
									<h:outputText value="Añadir" styleClass="th50"></h:outputText>
									<h:selectOneMenu value="#{piez.valor}" styleClass="td150"
										id="valores">

										<f:selectItem itemLabel="Valor" itemValue="valor" />
										<f:selectItem itemLabel="Seco" itemValue="seco" />
										<f:selectItem itemLabel="No Muestreado" itemValue="nm" />

										<a4j:support event="onchange" reRender="valor"></a4j:support>
									</h:selectOneMenu>

									<h:inputText value="#{piez.muestra.valor}"
										rendered="#{edicionMuestra.compruebaValor(piez.valor)}">
									</h:inputText>
									<a4j:commandButton
										reRender="mensajes,mensaje,valor,lista,valores"
										action="#{edicionMuestra.aceptar(piez)}" value="aceptar"></a4j:commandButton>

								</h:panelGrid>
							</a4j:region>
						</h:panelGrid>
						<h:panelGrid columns="1">
							<rich:spacer height="25px"></rich:spacer>
						</h:panelGrid>
					</a4j:repeat>
				</h:panelGrid>
			</rich:tab>
			<rich:tab label="Carga de Hoja de Datos">
				<h:panelGrid columns="4">
					<h:outputText value="Tipo" styleClass="th80"></h:outputText>
					<h:selectOneMenu value="#{edicionMuestra.tipo}" styleClass="td300">
						<f:selectItem itemLabel="" itemValue="4" />
						<f:selectItem itemLabel="Cata" itemValue="1" />
						<f:selectItem itemLabel="Piezómetro Corto" itemValue="2" />
						<f:selectItem itemLabel="Piezómetro Profundo" itemValue="3" />
						<a4j:support event="onchange"
							action="#{edicionMuestra.buscaPuntos()}"
							reRender="listaPuntos,subida"></a4j:support>
					</h:selectOneMenu>
					<rich:spacer width="50px"></rich:spacer>
					<h:panelGrid columns="1" id="listaPuntos">
						<h:panelGrid columns="2"
							rendered="#{edicionMuestra.listaPuntos!=null}">
							<h:outputText value="Seleccione un punto" styleClass="th150"></h:outputText>
							<h:selectOneMenu value="#{edicionMuestra.puntoSel}"
								styleClass="td100">
								<s:selectItems var="tipo" value="#{edicionMuestra.listaPuntos}"
									label="#{tipo.codigo}" noSelectionLabel=""></s:selectItems>
								<s:convertEntity />
								<a4j:support event="onchange" reRender="subida"></a4j:support>
							</h:selectOneMenu>
						</h:panelGrid>
					</h:panelGrid>
				</h:panelGrid>
				<h:panelGrid columns="1" id="subida">
					<h:panelGrid columns="3"
						rendered="#{edicionMuestra.puntoSel !=null}">
						<h:outputText value="Seleccione el fichero" styleClass="th150"></h:outputText>
						<s:fileUpload data="#{edicionMuestra.fich}"
							fileName="#{edicionMuestra.filename}" />
						<h:commandButton action="#{edicionMuestra.cargar}" value=""
							styleClass="boton cargar"
							title="Cargar datos a partir un fichero excel"></h:commandButton>
					</h:panelGrid>
				</h:panelGrid>

			</rich:tab>
		</rich:tabPanel>
		<h:panelGrid columns="1" id="mensaje">
			<h:messages id="mensajes" />
		</h:panelGrid>
	</ui:define>

	<ui:define name="botonera">

		<h:panelGrid columns="1" styleClass="botones">
			<h:commandButton value="" title="Guardar"
				action="#{edicionMuestra.guardar}" styleClass="boton guardar" />
			<h:outputText value="Guardar" styleClass="boton_texto"></h:outputText>
		</h:panelGrid>
	</ui:define>

</ui:composition>